<template>
  <div id="manger">
    <tab :scroll-threshold = "5">
      <tab-item selected>已预约</tab-item>
      <tab-item>进行中</tab-item>
      <tab-item>已结束</tab-item>
    </tab>
    <div class="content">
      <img src="../assets/img/nodata.png"/>
      <p>~暂时没有任何数据~</p>
    </div>
  </div>
</template>

<style lang='less'>
  #manger {
    .flex-top {
      text-align: center;
      color: white;
    }
    .flex-content {
      height: 60px;
      background-image: url(../assets/img/bg1.png);
    }
    .content {
      text-align: center;
      img{
        margin: 0px auto;
        margin-top: 80px;
      }
    }
  }
</style>

<script>
  import { Tab, TabItem } from "vux";

  export default {
    name: "Login",
    components: {
      Tab,
      TabItem
    },
    data() {
      return {
      };
    },
    methods: {
      onSubmit() {
        this.$router.push({
          name: "Child"
        });
      }
    }
  };
</script>
